<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>我的帖子</title>
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="../css/font-awesome-4.3.0/css/font-awesome.min.css" />
		<link href="../css/config.css" rel="stylesheet" />
		<link href="../css/base.css" rel="stylesheet" />
		<link href="../css/index.css" rel="stylesheet" />
		<link href="../css/circle.css" rel="stylesheet" />
		<style>
			body {
				background: #f7f7f7;
			}
			
			.mui-table-view-cell>a:not(.mui-btn) {
				position: inherit;
			}
			
			.circle-ul-1 {
				background: none;
			}
			
			.circle-ul-1:after {
				background-color: rgba(255, 0, 0, 0);
			}
			
			.mui-table-view-cell:after {
				background-color: rgba(255, 0, 0, 0);
			}
			
			.circle-ul-1:before {
				background-color: rgba(255, 0, 0, 0);
			}
			
			.circle-ul-1 .right-info {
				float: right;
				margin-right: 2px;
				width: 60px;
			}
			
			.circle-ul-1 li a .top .reply {
				position: inherit;
				width: 60px;
				display: block;
				line-height: 1;
				clear: both;
				text-align: right;
			}
			
			.circle-ul-1 li a .top .time {
				position: inherit;
				width: 60px;
				display: block;
				text-align: right;
				line-height: 2;
				color: #aaa!important;
				clear: both;
				margin-right: 0px;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav km-navbar white-header" style="box-shadow:none;">
			<a class="mui-icon mui-icon-back mui-pull-left mui-action-back"></a>
			<h1 id="title" class="mui-title km-view-title">我的话题</h1>
		</header>
		<div class="mui-content3">
			<ul class="circle-ul-1 mui-table-view" id="post-area">
				<!--模板和首页的不一样，有左滑删除，-->
				<li class="mui-table-view-cell">
					<div class="mui-slider-right mui-disabled">
						<a class="mui-btn mui-btn-red">删除</a>
					</div>
					<a href="circle-post.html">
						<div class="mui-slider-handle">
							<div class="top">
								<div class="img">
									<img src="../img/example1.png" />
								</div>
								<dl><dt>王医生</dt>
									<dd>内科</dd>
								</dl>
								<div class="right-info">
									<span class="reply"><i class="fa fa-commenting-o"></i>25</span>
									<span class="time">02-06</span>
								</div>
							</div>
							<p class="title">肠道微生态与功能性胃肠病</p>
							<div class="content-img">
								<img src="../img/example3.png" />
								<img src="../img/example4.jpg" />
								<img src="../img/example6.jpg" />
							</div>
						</div>
					</a>
				</li>
				<li class="mui-table-view-cell">
					<div class="mui-slider-right mui-disabled">
						<a class="mui-btn mui-btn-red">删除</a>
					</div>
					<a href="circle-post.html">
						<div class="mui-slider-handle">
							<div class="top">
								<div class="img">
									<img src="../img/example2.png" />
								</div>
								<dl><dt>王医生</dt>
									<dd>内科</dd>
								</dl>
								<div class="right-info">
									<span class="reply"><i class="fa fa-commenting-o"></i>25</span>
									<span class="time">02-06</span>
								</div>
							</div>
							<p class="title">肠道微生态与功能性胃肠病</p>
							<div class="content-text">
								全球胃肠病学研究者和临床医生在肠道微生态、早癌内镜诊治、炎症性肠病等领域硕果累累 2015年美国汤森路透“引文桂冠奖”(医学组)颁发给了美国华盛顿大学戈登(JeffreyI.Gordon)教授，以表彰其团队在验证人类肠道微生物群落与人类生理、代谢及营养关系方面作出的重要贡献。
							</div>
						</div>
					</a>
				</li>
			</ul>
		</div>
	</body>
	<script src="../js/mui.min.js"></script>
	<script src="../js/Global.js"></script>
	<script>
		mui.init({
			swipeBack: true,
			statusBarBackground: '#f7f7f7',
			statusBarStyle: 'UIStatusBarStyleDefault'
		});
		mui('.mui-scroll-wrapper').scroll();
		//=======帖子列表-点击事件
		mui('#post-area').on('tap', 'a', function() {
			var id = this.id;
			var title = this.title;
			var href = this.href;
			openWindow(href, href, {
				id: id,
				title: title
			});
		});
	</script>

</html>